<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__CSS__/ex/common.css">
    <link rel="stylesheet" href="__CSS__/ex/login.css">
    <title>超级VIP申请</title>
    <script src="__JS__/ios-web-app.js"></script>
</head>

<body style="padding-top: 38px">
<header class="normal_header"  style="display: flex;justify-content: space-between">
    <div class="">
        <a href="javascript:history.go(-1)" style="display: flex;align-items: center">
            <img src="__IMG__/ex/back_black.png" alt="" style="width: .2rem;padding-right: .1rem">
            <span style="font-size: .32rem">申请VIP</span>
        </a>
    </div>
    <p>100000 SWEET</p>
    <img src="__IMG__/ex/shenglue.png" alt="" width="25rem">
</header>
<section class="change_content">
<!--    <div class="flex_box">-->
<!--        <p>赠送额度</p>-->
<!--        <img src="__IMG__/ex/head.png" alt="" width="25rem">-->
<!--        <p>SWEET&nbsp;100万</p>-->
<!--    </div>-->

    <div class="container_box">
        <div style=" height:50px;">
            <div class="col-xs-4 t3" style=" float:left; height:50px; line-height:50px;">可用资产(USDT)</div>
            <div class="col-xs-8" style=" float:right;text-align: right; height:50px; line-height:50px;" >
                <!--                    <select class="form-control" style="margin-top: 5px;" id="from">-->
                <!--                        <option value="8">USDT</option>-->
                <!--                        &lt;!&ndash;<option value="11">EASY</option>&ndash;&gt;-->
                <!--                        &lt;!&ndash;<option value="7">ASSET</option>&ndash;&gt;-->
                <!--                        &lt;!&ndash;<option value="0">BTC</option>&ndash;&gt;-->
                <!--                        &lt;!&ndash;<option value="0">ETH</option>&ndash;&gt;-->
                <!--                        &lt;!&ndash;<option value="0">EOS</option>&ndash;&gt;-->
                <!--                    </select>-->
                <span class="transffer" style="padding:.3rem;">币种</span>
            </div>
            <!--                <div>可用资产(USDT)</div>-->
            <!--                <div>HuidBank 资产包</div>-->
        </div>

        <div class="line1"></div>




        <div style=" height:50px;">
            <div class=" usdt_money" style=" float:left; height:50px; line-height:50px;">{$user['z8']}</div>
            <div style="text-align: right; height:50px; line-height:40px;">
                <img src="__IMG__/ex/USDT.png" id="china" alt="" width="20rem" style="display: inline;margin: .1rem;">
<!--                <img src="__IMG__/ex/exlogo1.png" id="taiguo" alt="" width="1rem">-->
<!--                <img src="__IMG__/ex/Bitcoin.png" id="xinjiapo" alt="" width="1rem" >-->
<!--                <img src="__IMG__/ex/Ethereum.png" id="malai" alt="" width="1rem">-->
<!--                <img src="__IMG__/ex/Litecoin.png" id="EU" alt="" width="1rem" >-->
<!--                &lt;!&ndash;                    <img src="__IMG__/ex/riben.png" id="riben" alt="" width="1rem" >&ndash;&gt;-->
<!--                <img src="__IMG__/ex/OMG.png" id="hanguo" alt="" width="1rem">-->
<!--                <img src="__IMG__/ex/XRP.jpg" id="xrp" alt="" width="1rem">-->
<!--                <img src="__IMG__/ex/BCH.png" id="bch" alt="" width="1rem">-->
<!--                <img src="__IMG__/ex/EOS.png" id="eos" alt="" width="1rem">-->
                <!--                    <img src="__IMG__/ex/down.png"  alt="" width="1rem" style="display:inline-block;">-->
                <select class="form-control2" style="margin-top: 5px;" id="from" onchange="role()" v-model="selected">
                    <option value="8" >USDT</option>
                    <!--<option value="2">DACM</option>-->
                    <!--<option value="3">BTC</option>-->
                    <!--<option value="4">ETH</option>-->
                    <!--<option value="5">LTC</option>-->
                    <!--<option value="6">OMG</option>-->
                    <!--<option value="7">XRP</option>-->
                    <!--<option value="8">EOS</option>-->
                    <!--<option value="9">BCH</option>-->

                </select>

            </div>

        </div>
        <div class="line1"></div>

        <div style=" height:50px;">
            <div style=" float:left; height:50px; line-height:50px;">
                保证金 : <input type="text" id="amount" placeholder="请输入数量" class="inputys" style="width: 3rem;">
            </div>
            <div style="text-align:right; height:50px; line-height:50px;">
                <span class="btn_box">全部</span>
            </div>
    </div>
        <!--<p style="color: #A9A9A9;padding-left:.4rem;">1000.00-10000.00</p>-->
        <p style="color: #A9A9A9;padding-left:.4rem;">20000.00-{$config.a2}</p>

        <div class="line1"></div>

        <div>
<!--            <p style="color: #A9A9A9;margin-top: .2rem;padding-left: .2rem;">VIP用户:保证金在资产账户进行冻结!</p>-->
            <div style="padding-top: .1rem;display:flex;align-items: flex-start;justify-content:space-around">
                <img src="__IMG__/tt.png" alt="" width="12" style="padding: .05rem">
                <p style="color: #EC1C24;font-size: .2rem">VIP用户申请需交纳保证金,所交纳的保证金属于冻结状态,申请前务必考虑清楚,否则一旦确认,不可撤回!</p>
        </div>

    <ul class="change_ul">
        <input type="hidden" id="insider" value="{$insider}">
        <!--<li>-->
            <!--<p>节点等级</p>-->
            <!--&lt;!&ndash;<textarea name="" id="" cols="30" rows="10" placeholder="输入文本"></textarea>&ndash;&gt;-->
            <!--&lt;!&ndash;<input type="text" placeholder="请输入理由" id="reason">&ndash;&gt;-->
            <!--<select name="agent_level" id="agent_level">-->
                <!--<option value="1">节点</option>-->
                <!--<option value="2">超级节点</option>-->
                <!--<option value="3">社区节点</option>-->
                <!--<option value="4">至尊节点</option>-->
            <!--</select>-->
        <!--</li>-->
        <!--<li>-->
            <!--<p>需要认购</p>-->
            <!--<div><span class="rengou">1万</span>USDT</div>-->
        <!--</li>-->

        <!--<li>-->
            <!--<p>社区存币业绩价值总额(美金)</p>-->
            <!--<div class="yeji">{$yeji}</div>-->
        <!--</li>-->
<!--        <li>-->
<!--            <p>赠送额度</p>-->
<!--            <div class="yue">{$config.a1} SWEET</div>-->
<!--        </li>-->
        <!--<li>-->
            <!--<p>代理等级</p>-->
            <!--<input type="text" placeholder="请输入新密码" id="new_password">-->
        <!--</li>-->

    </ul>

    <if condition="$agent  neq '' ">
    <div class="btn login_btn lsub" >
        审核中
    </div>
    <else/>
    <div class="btn login_btn lsub" id='sub'>
        确认
    </div>
</if>

    <br>
    <br>


    <!--<if condition="$agent  neq '' ">-->
        <!--<div style="padding: .5rem;line-height: .5rem">-->
            <!--<ul>-->
                <!--<li>-->
                    <!--<p>已经释放额度：{$agent.release_amount}</p>-->
                    <!--<p>冻结额度：{$agent['amount']-$agent['release_amount']}</p>-->
                <!--</li>-->
            <!--</ul>-->
        <!--</div>-->
    <!--</if>-->
    <!--<div style="padding: .5rem;line-height: .5rem">-->
        <!--<table>-->
            <!--<tr>-->
                <!--<td>节点等级</td>-->
                <!--<td>节点资格 <br></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>节点<br>(享受无限代收益5%)</td>-->
                <!--<td>社区存币业绩达到20万USDT等值<br>（持币不低于10000USDT等值）</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>超级节点<br>(享受无限代收益10%)</td>-->
                <!--<td>社区存币业绩达到50万USDT等值<br>（持币不低于20000USDT等值）</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>社区节点<br>(享受无限代收益15%)</td>-->
                <!--<td>社区存币业绩达到100万USDT等值<br>（持币不低于50000USDT等值）</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>至尊节点<br>(享受无限代收益20%，分享全球日收益5%)</td>-->
                <!--<td>社区存币业绩达到200万USDT等值<br>（持币不低于100000USDT等值）</td>-->
            <!--</tr>-->
        <!--</table>-->
    <!--</div>-->
    <style>
        table{
            font-size: .24rem;
            text-align: center;
        }
        table tr td:first-child{
            width: 2.5rem;
        }
        table tr td{
            vertical-align: middle;
        }
        td{
            border: 1px solid black;
        }
        .login_btn{
            font-size: 17px;
        }
    </style>

</section>
<!--<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>-->
<script src="__COMMON__/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/lib/layer/layer.js"></script>
<script>
    $(".btn_box").click(function () {
        let money=$(".usdt_money").text();
        $("#amount").val(money);
    });
    // $("#agent_level").change(function () {
    //     if($(this).val()==1){
    //         $(".rengou").text('1万');
    //     }
    //     if($(this).val()==2){
    //         $(".rengou").text('10万');
    //     }
    // })

    $('#sub').click(function () {
        let amount=$("#amount").val();
        if(amount==''||amount<=0){
            layer.msg('请输入正确的金额');return false;
        }
        // alert(amount);return false;
        layer.confirm('确认申请VIP吗？',function(){
            $.ajax({
                type: "post",
                // url: "{:U('property/sub_agent')}",
                url: "__ACTION__",
                data: {
                    amount:amount
                },
                dataType: "json",
                success: function (data) {
                    if (data.code == 1) {
                        // alert(data.message);
                        layer.msg(data.message);return false;
                    } else {

                        // alert(data.message);
                        layer.msg(data.message); return false;
                        window.location.reload();
                    }
                }
            });
        });
        // if(confirm('确认申请VIP吗')){
        //     $.ajax({
        //         type: "post",
        //         // url: "{:U('property/sub_agent')}",
        //         url: "__ACTION__",
        //         data: {
        //         },
        //         dataType: "json",
        //         success: function (data) {
        //             if (data.code == 1) {
        //                 // alert(data.message);
        //                 layer.msg(data.message);
        //             } else {
        //                 // alert(data.message);
        //                 layer.msg(data.message);
        //                 window.location.reload();
        //             }
        //         }
        //     });
        // }

    });
</script>
</body>

</html>